﻿<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${content.title}-${siteConfig.title}</title>
    <meta name="keywords" content="${content.tag!}"/>
    <meta name="description" content="${content.intro!}"/>
    <#--   全站  -->
    <#include '../../public/head.ftl'>
    <#--  本模块  -->
    <#include '../public/head.ftl'>
</head>
<body>
<!-- 头部 -->
<#include '../../public/header.ftl'>
<!-- 搜索 -->
<#include '../public/search.ftl'>


<!-- 详情 -->
<div class="article-detail lz-bg-grey">
    <div class="lz-width-1200 lz-margin-auto lz-padding-30 lz-bg-white">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="/article/category/${category.cateAlias}/1.html">${category.cateName}</a></li>
            <li class="active">${content.title}</li>
        </ol>

        <div>
            <div class="article-detail-title">
                ${content.title}
            </div>
            <div class="lz-flex lz-justify-between lz-font-16 article-detail-info">
                <span>${content.viewNums}人已阅读</span>
                <span>时间：${content.formatTime}</span>
            </div>
        </div>
        <div class="article-detail-con lz-padding-top-30">
            <div id="test-editormd-view2">
                <textarea id="append-test" style="display:none;">${content.content}</textarea>
            </div>
        </div>
        <!-- 上一篇下一篇 -->
        <div class="up-down">
            <div class="lz-margin-auto lz-flex lz-justify-between">
                <#if last == "没有上一篇了">
                    <a href="#">
                        上一篇：没有了
                    </a>
                <#else>
                    <a href="/article/details/${last.id}.html">
                        <div>上一篇：${last.title}</div>
                    </a>
                </#if>
                <#if next == "没有下一篇了">
                    <a href="#">
                        下一篇：没有了
                    </a>
                <#else>
                    <a href="/article/details/${next.id}.html">
                        <div class="lz-margin-top-20">下一篇：${next.title}</div>
                    </a>
                </#if>
            </div>
        </div>
    </div>


</div>

<#--底部-->
<#include '../../public/footer.ftl'>

<script src="/static/blog/editor/lib/marked.min.js"></script>
<script src="/static/blog/editor/lib/prettify.min.js"></script>

<script src="/static/blog/editor/lib/raphael.min.js"></script>
<script src="/static/blog/editor/lib/underscore.min.js"></script>
<script src="/static/blog/editor/lib/sequence-diagram.min.js"></script>
<script src="/static/blog/editor/lib/flowchart.min.js"></script>
<script src="/static/blog/editor/lib/jquery.flowchart.min.js"></script>

<script src="/static/blog/editor/js/editormd.js"></script>
</body>
</html>
<script type="text/javascript">
    $(function () {
        editormd.markdownToHTML("test-editormd-view2", {
            htmlDecode: "style,script,iframe",  // you can filter tags decode
            emoji: true,
            taskList: true,
            tex: true,  // 默认不解析
            flowChart: true,  // 默认不解析
            sequenceDiagram: true,  // 默认不解析
        });

    });
</script>